Component({
  options: {
    // styleIsolation: "shared"
  },
  properties: {
    age: {
      type: Number,
      value: 0
    }
  },
  data: {
    name: 'tom'
  },
  methods: {
    chooseavatar(event){
      console.log(event.detail.avatarUrl)
    },
    onSubmit(event){
      console.log('获取微信昵称', event, event.detail.value.nickname)
    }
  },
  // 生命周期
  lifetimes: {
    // 组件实例被创建好以后执行,
    created() {
      console.log('created')
      // 注意，在created钩子函数中不能调用setData方法
      console.log(this.properties.age)
      // 自定义属性
      this.test = "456"
      this.setData({
        name: '1231'
      })
    },
    // 组件被初始化完毕，模板解析完成，已经把组件挂载到页面上
    // 页面交互在sttached钩子函数中执行， 类似于vue的mounted钩子函数
    attached() {
      console.log('attached')
      // console.log(this.test)
      // console.log(this.properties.age)
      this.setData({
        name: '1231'
      })
    },
    // 组件被销毁
    detached() {
      console.log('detached')
    },
    ready(){
      console.log('组件准备好了')
    }
  },
  // 组件所在页面的生命周期
  pageLifetimes: {
    // 监听组件所在的页面展示状态
    // show() {
    //   console.log('组件所在页面被展示')
    // },
    // hide() {
    //   console.log('组件所在的页面被隐藏')
    // }
  },
})